﻿<!doctype html>
<html lang="zxx">
   <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title></title>
      <meta name="Bensiva" content="Bensiva">
      <!-- description -->
      <meta name="description" content="">
      <!-- keywords -->
      <meta name="keywords" content="" >
      <!-- Flaticon CSS -->
      <link rel="stylesheet" href="static/css/flaticon.css" />
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="static/css/bootstrap.min.css" />
      <!-- Owl Carousel stylesheet -->
      <link rel="stylesheet" href="static/css/owl.carousel.min.css" />
      <link rel="stylesheet" href="static/css/owl.theme.default.min.css" />
      <!-- Lightbox CSS -->
      <link rel="stylesheet" href="static/css/lightbox.css" />
      <!-- lity CSS -->
      <link rel="stylesheet" href="static/css/lity.min.css" />
      <!-- Menu CSS -->
      <link rel="stylesheet" href="static/css/menu.css">
      <!-- Default CSS 等待动画 -->
      <link rel="stylesheet" href="static/css/default.css" />
      <!-- Skin CSS -->
      <link rel="stylesheet" href="static/css/skin/skin-1.css" />
      <!-- Style CSS -->
      <link rel="stylesheet" href="static/css/style.css" />
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="static/css/responsive.css" />
      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
      <script src="static/js2/html5shiv.min.js"></script>
      <script src="static/js2/respond.min.js"></script>
      <![endif]-->
      <!-- jquery js-->
      <script src="static/js2/jquery.min.js"></script>
</head>
   <body>
      <!-- ====== Preloader ====== -->
      <div class="preloader js-preloader flex-center"></div>
      <div class="inner wraper">
         <!-- ====== Header Starts ====== -->
         <header class="header">
            <div class="container-fluid">
               <div class="col-lg-12">
                  <nav class="navbar navbar-expand-lg">
                     <!-- Brand -->
                     <div class="nav-brand">
                        <a class="navbar-brand" href="index.html" title="bensiva" style="text-align: center;width: 165px;height: 80px;">
                        	<img src="static/img/index/42e38991472668708b371d638200a91.png" style="float: left;width: 60px;height: 60px;">
                        	<span style="float: left;">汇青志</span><!--<br>-->
                        	<span style="font-size:15px;float: left;">HuiQingZhi</span>
                        </a>
                     </div>
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                     <span class="navbar-toggler-icon"></span>
                     <span class="navbar-toggler-icon"></span>
                     </button>
                     <!-- Links -->
                     <div class="main-menu collapse navbar-collapse" id="nav-content">
                        <ul class="navbar-nav">
                           <li class="nav-item">
                              <a class="nav-link" href="index.html" title="Index">主页</a>
                           </li>
						   <li class="nav-item">
                              <a class="nav-link" href="#" title="Project">青志项目</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="#" title="Story">青志故事</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="about.html" title="About Us">关于青志</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="login.html" title="Contact">登录</a>
                           </li>
                        </ul>
                     </div>
                  </nav>
               </div>
            </div>
         </header>
         <!-- ====== Header End ====== --> 
         <!-- ====== Contact Start ====== -->
         <div class="page-heading">
            <div class="heading heading-center">
                <h2>登录</h2>
            </div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">主页</a></li>
                    <li class="breadcrumb-item active" aria-current="page">了解更多</li>
                </ol>
            </nav>
         </div>
         
         <section class="contact-us inner">
            <div class="container-fluid">
               <div class="col-lg-12">
                  <div class="row">
                     <div class="col-lg-12">
                        <div class="row">
                           <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                              <div class="contact_info  content-sec">
                                 <ul>
                                    <li>
                                       <div class="icon">
                                          <i class="flat flaticon-facebook-placeholder-for-locate-places-on-maps"></i>
                                       </div>
                                       <div class="detail">
                                          <h6>地址</h6>
                                          <div class="content">
                                             	我们所在地址: <span class="value"> 广东省广州市海珠区礼岗路中南活力创意园A座青云客（昌岗地铁站F出口）</span>
                                          </div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="icon">
                                          <i class="flat flaticon-phone-receiver"></i>
                                       </div>
                                       <div class="detail">
                                          <h6>联系方式</h6>
                                          <div class="content">
                                             	加入汇清志: <span class="value"> 0123-456-789 </span> <br> 
                                            	 参加活动: <span class="value"> 致电：15015935296</span><br>
                                          </div>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                           <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                              <div class="contact-form content-sec">
                                 <form action="#">
                                    <div class="form-group">
                                       <input type="text" placeholder="用户名">
                                    </div>
                                    <div class="form-group">
                                       <input type="text" placeholder="密码">
                                    </div>
                                    <div class="form-group">
                                       <button class="btn btn-primary" type="submit">登录</button>
                                    </div>
                                    <div class="form-group">
                                       <p>还没有账号？<a href="register.html">点击注册</a></p>
                                    </div>
                                 </form>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="circle strong-border c-1"></div>
            <div class="circle border c-1 rotating"></div>
            <div class="circle strong-border c-2"></div>
         </section>
         
      <a href="javascript:void(0)" id="scroll"></a>
      <!-- ====== Footer End ====== -->
      <!-- popper js--> 
      <script src="static/js2/popper.min.js"></script>
      <!-- bootstrap js--> 
      <script src="static/js2/bootstrap.min.js"></script>
      <!-- Waypoints js plugin -->
      <script src="static/js2/waypoints.min.js"></script>
      <!-- Counter-up js plugin -->
      <script src="static/js2/jquery.counterup.min.js"></script>
      <!-- Preloadinator --> 
      <script src="static/js2/jquery.preloadinator.min.js"></script>
      <script>
         $('.js-preloader').preloadinator({
           minTime: 2000
         });
      </script>
      <!-- Lightbox--> 
      <script src="static/js2/lightbox.js"></script>
      <!-- lity js -->
      <script src="static/js2/lity.min.js"></script>
      <!-- Owl Slider js--> 
      <script src="static/js2/owl.carousel.js"></script>
      
      <!-- Header menu -->
      <script src="static/js2/jquery.smartmenus.min.js"></script>
       <a href="javascript:void(0)" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
      <!-- Custome js--> 
      <script src="static/js2/custom.js"></script>
   </body>
</html>

